@charset "UTF-8";
@import url("../css/animate.css");

/*****************************************************
* 阿里iconfont图标代码 https://www.iconfont.cn/
* 如果不会使用自定义图标，可以尝试使用 Fontawesome 等图标库
*****************************************************/

/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
    font-family: 'iconfont';
    src: url('../font/font_4194852_lh6xba1jbuh.woff2?t=1692155114014') format('woff2'),
    url('../font/font_4194852_lh6xba1jbuh.woff?t=1692155114014') format('woff'),
    url('../font/font_4194852_lh6xba1jbuh.ttf?t=1692155114014') format('truetype');
}

* {
    margin: 0;
    padding: 0;
}

body {
    font-size: 14px;
    font-weight: 400;
    color: #1c1f23;
    font-family: "PingFang SC", "Lantinghei SC", "Microsoft YaHei", "HanHei SC", "Helvetica Neue", "Open Sans", "Hiragino Sans GB", 微软雅黑, STHeiti, "WenQuanYi Micro Hei", Arial, SimSun, sans-serif;
    background-color: #ffffff;
    padding-top: 70px;
    /*由于导航是置顶浮动，
    所以顶部预留出导航的高度*/
}

i {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    margin-right: 3px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*使用了阿里ICONFONT图标
    由于不想每次都输入class引入样式
    所以默认i标签自动使用图标样式
    这样只需要在I标签内写入对应图标代码即可*/
}

ul,
li {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

a,
h1,
h2,
h3,
h4,
h5,
h6,
li {
    color: #1c1f23;
}

a:hover {
    color: #2D69FF;
}

em {
    font-style: inherit;
}

/*****************************************************
* 电脑端导航开始
*****************************************************/

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 70px;
    z-index: 999;
    background-color: #FFFFFF;
    padding: 0 50px;
    box-shadow: 0px 3px 7px 0px rgb(151 151 151 / 20%);
}

.header-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header .header-wrap .logo {
    display: block;
}

.header .header-wrap .logo a {
    display: inline-block;
}

.header .header-wrap .logo a img {
    height: 35px;
}

.header .header-wrap .menu {
    display: block;
    height: 100%;
}

.header .header-wrap .menu .nav-text {
    display: block;
    padding: 0;
    margin: 0;
}

.header .header-wrap .menu .nav-text .active a {
    color: #2D69FF;
}

.header .header-wrap .menu .nav-text li {
    position: relative;
    float: left;
    list-style-type: none;
}

.header .header-wrap .menu .nav-text li a {
    display: block;
    font-size: 16px;
    padding: 20px;
    color: #1C2832;
    text-decoration: none;
    font-weight: 400;
}

.header .header-wrap .menu .nav-text li:hover a {
    color: #2D69FF;
}

.header .header-wrap .menu .nav-text .dropdown {
    position: relative;
    margin-right: 10px;
}

.header .header-wrap .menu .nav-text .dropdown:last-child {
    margin-right: 0;
}

.header .header-wrap .menu .nav-text .dropdown::before {
    content: "\eb03";
    font-family: "iconfont";
    position: absolute;
    top: 50%;
    right: 3px;
    font-size: 18px;
    transform: translate(-0%, -50%) rotate(90deg);
    transition: all 0.3s ease;
    color: #2D69FF;
    font-weight: 600;
}

.header .header-wrap .menu .nav-text .dropdown:hover::before {
    color: #2D69FF;
    transform: translate(-0%, -50%) rotate(270deg);
}

.header .header-wrap .menu .nav-text .dropdown .dropdown-text {
    position: absolute;
    display: block;
    left: 0;
    top: 100px;
    margin: 0 -10px;
    padding: 15px;
    border-radius: 5px;
    text-align: center;
    transition: 0.3s ease;
    background: #ffffff;
    box-shadow: 0 2px 10px rgb(0 0 0 / 10%);
    border-top: 3px solid #2D69FF;
    visibility: hidden;
    opacity: 0;
}

.header .header-wrap .menu .nav-text .dropdown:hover .dropdown-text {
    opacity: 1;
    top: 70px;
    visibility: inherit;
}

.header .header-wrap .menu .nav-text .dropdown .dropdown-text::before {
    content: '';
    display: block;
    border-bottom: 10px solid #2D69FF;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    left: 50%;
    bottom: 100%;
    transform: translate(-50%, 0%);
}

.header .header-wrap .menu .nav-text .dropdown .dropdown-text a {
    color: #6c757d;
    font-size: 14px;
    padding: 0;
    width: 120px;
    text-align: center;
    padding: 3px 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    transition: all 0.3s ease;
    border: 1px solid #f2f2f2;
    background-color: #F9FAFB;
}

.header .header-wrap .menu .nav-text li.dropdown:hover .dropdown-text a:hover {
    color: #ffffff;
    background-color: #2D69FF;
}

.header .header-wrap .menu .nav-text .dropdown .dropdown-text a:last-child {
    margin-bottom: 0;
    border-bottom: none;
}

/*右侧工具栏部分*/

.header-tool {
    display: flex;
    align-items: center;
}

.header-tool .search {
    margin: 0;
    margin-right: 15px;
}

.header-tool .search a {
    position: relative;
    display: block;
    padding: 0 15px;
    line-height: 26px;
    border-radius: 50px;
    text-align: center;
    color: #6c757d;
    transition: all 0.3s ease;
    background-color: #F5F5F5;
    font-size: 12px;
}

.header-tool .search a::before {
    content: "\e843";
    font-family: "iconfont";
    margin-right: 3px;
    font-size: 14px;
}

.header-tool .search a:hover {
    color: #2D69FF;
    background-color: #e5ebff;
}

.header-tool .user .login .account {
    position: relative;
}

.header-tool .user .login .account .portrait img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 3px solid #E5EBFF;
    box-shadow: 2px 2px 18px rgba(0, 0, 0, 0.1);
}

.header-tool .user .login .account .user-body {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    width: 300px;
    top: 70px;
    right: 0;
    background-color: #fff;
    border-radius: 10px;
    transition: all 0.3s ease;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.06);
}

.header-tool .user .login .account:hover .user-body {
    opacity: 1;
    visibility: inherit;
    top: 50px;
}

.header-tool .user .login .account .user-body::before {
    content: '';
    display: block;
    border-bottom: 10px solid #eef5ff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    right: -5px;
    bottom: 100%;
    transform: translate(-50%, 0%);
}

.header-tool .user .login .account .user-body .user-head {
    display: flex;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid #f4f4f4;
    background: linear-gradient(180deg, #eef5ff 0%, #ffffff 100%);
}

.header-tool .user .login .account .user-body .user-head img {
    width: 50px;
    height: 50px;
    border-radius: 10px;
}

.header-tool .user .login .account .user-body .user-head .user-name {
    margin-left: 15px;
}

.header-tool .user .login .account .user-body .user-head .user-name h2 {
    font-size: 15px;
    color: #000000;
    margin-bottom: 5px;
    font-weight: bold;
    margin-top: 5px;
}

.header-tool .user .login .account .user-body .user-head .user-name p {
    margin-bottom: 0;
    color: #6c757d;
    font-size: 12px;
}

.header-tool .user .login .account .user-body .user-btn {
    display: flex;
    overflow: hidden;
    width: 100%;
}

.header-tool .user .login .account .user-body .user-btn a {
    display: block;
    float: left;
    width: 50%;
    text-align: center;
    margin: 10px;
    line-height: 30px;
    color: #ffffff;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.header-tool .user .login .account .user-body .user-btn a:hover {
    opacity: 0.8;
}

.header-tool .user .login .account .user-body .user-btn a:nth-child(1) {
    background-color: #FF6000;
    margin: 15px 5px 15px 15px;
}

.header-tool .user .login .account .user-body .user-btn a:nth-child(2) {
    background-color: #2D69FF;
    margin: 15px 15px 15px 5px;
}

/*手机端展开按钮*/

.header .header-wrap .m-btn {
    display: none;
}

/*导航下滑之后的样式*/
/*如果要进行交替，可以继续写*/

.header.on {
    background-color: #FFFFFF;
}

/*大屏状态下隐藏手机端*/

.header-m {
    display: none;
}

/*移动端导航开始*/

.header-m {
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    background-color: #2D69FF;
    /* backdrop-filter: saturate(180%) blur(10px); */
    display: flex;
    justify-content: flex-end;
    transition: all 0.3s ease;
}

.open {
    opacity: 1;
    visibility: inherit;
}

.header-m .close {
    position: absolute;
    bottom: 5%;
    left: 50%;
    z-index: 998;
    background-color: #ffffff;
    padding: 10px;
    border-radius: 100%;
    transform: translate(-50%, 150%);
    border: 10px solid #a6bbff;
    transition: all 0.5s ease;
}

.open .close {
    transform: translate(-50%, -50%);
}

.header-m .close img {
    width: 38px;
    height: 36px;
}

.header-m .m-menu {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    background-color: #2D69FF;
    transition: all 0.3s ease;
    transform: translateY(-100%);
}

.open .m-menu {
    transform: translateY(0%);
}

.header-m .m-menu .m-nav-text {
    display: block;
    width: 100%;
    margin: 0;
    border-radius: 5px;
    padding: 30px;
}

.header-m .m-menu .m-nav-text li {
    list-style-type: none;
    background-color: #ffffff;
    margin-bottom: 10px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}

.header-m .m-menu .m-nav-text li::before {
    content: "\eb03";
    font-family: "iconfont";
    position: absolute;
    top: 25px;
    right: 15px;
    font-size: 18px;
    transform: translate(-0%, -50%) rotate(0deg);
    transition: all 0.3s ease;
}

.header-m .m-menu .m-nav-text .dropdown::before {
    content: "\eb03";
    font-family: "iconfont";
    position: absolute;
    top: 25px;
    right: 15px;
    font-size: 18px;
    transform: translate(-0%, -50%) rotate(90deg);
    transition: all 0.3s ease;
}

.header-m .m-menu .m-nav-text li a {
    display: block;
    color: #364e65;
    font-size: 16px;
    line-height: 50px;
    padding-left: 15px;
    letter-spacing: 2px;
}

.header-m .m-menu .m-nav-text li a:focus {
    color: #2D69FF;
}

.header-m .m-menu .m-nav-text .dropdown {
    position: relative;
}

.header-m .m-menu .m-nav-text .dropdown::before {
    content: "\e836";
    font-family: "iconfont";
    position: absolute;
    top: 25px;
    right: 15px;
    font-size: 18px;
    transform: translate(-0%, -50%) rotate(90deg);
    transition: all 0.3s ease;
}

.header-m .m-menu .m-nav-text .dropdown a {
    border-bottom: 1px solid #f2f2f2;
}

.header-m .m-menu .m-nav-text .dropdown-m-text {
    display: none;
    border-top: 1px solid #f2f2f2;
    background-color: #ffffff;
    margin: 20px;
}

.header-m .m-menu .m-nav-text.dropdown.active .dropdown-m-text {
    display: block;
}

.header-m .m-menu .m-nav-text .dropdown-m-text a {
    display: block;
    box-sizing: border-box;
    padding-left: 0;
    background-color: #f9f9f9;
    border: 1px solid #eeeeee;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 10px;
    line-height: 38px;
    font-size: 14px;
    border-radius: 5px;
}

.header-m .m-menu .m-nav-text .dropdown-m-text a:last-child {
    margin-bottom: 0px;
}

/****************************************************
*  导航响应式代码
*****************************************************/

@media screen and (max-width: 1450px) {
    .header .header-wrap .menu .nav-text li a {
        letter-spacing: 0;
        padding: 20px 10px;
    }

    .header .header-wrap .menu .nav-text .dropdown::before {
        display: none !important;
    }
}

@media screen and (max-width: 1000px) {

    .header {
        padding: 15px 0;
    }

    .header .header-wrap .logo a img {
        height: 30px;
    }

    .header .header-wrap .menu {
        display: none !important;
    }

    .header-tool .user {
        margin-right: 15px;
    }

    .header .header-wrap .m-btn {
        display: block;
        position: relative;
    }

    .header .header-wrap .m-btn i {
        color: #364e65;
        font-size: 24px;
        display: block;
        margin-right: 0;
        line-height: 30px;
        width: 35px;
        height: 30px;
        text-align: center;
        border: 1px solid #364e65;
        border-radius: 5px;
    }

}

/*****************************************************
* 首页banner模块开始
*****************************************************/

.banner {
    background: url(../image/banner-bg.jpg) no-repeat center;
    background-size: cover;
    padding: 30px 0 100px 0;
    position: relative;
    overflow: hidden;
}

.banner .banner-body {
    background-color: #fff;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 0 0 23px rgba(45, 105, 255, 0.13);
    position: relative;
    z-index: 99;
}

.banner .banner-body img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.banner .control li a {
    display: block;
    width: 70px;
    height: 70px;
    position: absolute;
    top: 50%;
    background-size: cover !important;
    transform: translate(-0%, -50%);
    z-index: 9;
}

.banner .control li:nth-child(1) a {
    left: 20px;
    background: url(../image/banner_arrow.png) no-repeat left top;
}

.banner .control li:nth-child(2) a {
    right: 20px;
    background: url(../image/banner_arrow.png) no-repeat right bottom;
}

.banner .carousel-inner .carousel-item {
    position: relative;
    width: 100%;
    /* height: 500px; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner .carousel-inner .carousel-item a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

/*****************************************************
* 首页建议分类或专题模块
*****************************************************/

.recommend {
    margin-bottom: 30px;
}

.recommend-body {
    background-color: #fff;
    border-radius: 10px;
    margin-top: -70px;
    position: relative;
    z-index: 99;
    display: flex;
    flex-wrap: wrap;
    padding: 30px 20px;
    box-shadow: 0 0 23px rgba(45, 105, 255, 0.13);
}

.recommend-item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 25%;
    max-width: 25%;
    position: relative;
}

.recommend-item .links {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99;
}

.recommend-item .item-icon {
    display: block;
    width: 65px;
    height: 65px;
    line-height: 65px;
    text-align: center;
    margin-right: 15px;
    background-color: #f2f4f9;
    border-radius: 5px;
}

.recommend-item .item-icon i {
    font-size: 36px;
    /* font-weight: bold; */
    margin-right: 0;
    color: #5A5A5A;
}

.recommend-item .item-main {
    margin: 0;
}

.recommend-item .item-main .title {
    margin-bottom: 8px;
    font-size: 20px;
}

.recommend-item .item-main .title .badge {
    background-color: #2D69FF;
    font-size: 12px;
    font-weight: normal;
    margin-left: 5px;
}

.recommend-item .item-main .desc {
    margin-bottom: 0;
    font-size: 16px;
    color: rgba(25, 28, 61, 0.5);
}

.recommend-item .item-icon {
    transition: all 0.3s ease;
}

.recommend-item .item-icon i {
    transition: all 0.3s ease;
}

.recommend-item .item-main .title {
    transition: all 0.3s ease;
}

.recommend-item:hover .item-icon {
    background-color: #2D69FF;
}

.recommend-item:hover .item-icon i {
    color: #ffffff;
}

.recommend-item:hover .item-main .title {
    color: #2D69FF;
    font-weight: bold;
}

/*****************************************************
* 常规图文列表模块
*****************************************************/

.list-ordinary {
    margin: 0;
}

.list-ordinary .list-ordinary-wrap {
    margin-bottom: 20px;
}

.list-ordinary .list-ordinary-wrap .item {
    display: flex;
    align-items: center;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
    position: relative;
    transition: all 0.3s ease;
    box-shadow: rgba(45, 105, 255, 0.13) 0px 0px 23px;
}

.list-ordinary .list-ordinary-wrap .item:hover {
    transform: translateY(-3px);
}

.list-ordinary .list-ordinary-wrap .item .item-left {
    width: 30%;
}

.list-ordinary .list-ordinary-wrap .item .item-left .thumbnail {
    overflow: hidden;
    border-radius: 5px;
}

.list-ordinary .list-ordinary-wrap .item .item-left .thumbnail a {
    display: block;
}

.list-ordinary .list-ordinary-wrap .item .item-left .thumbnail img {
    width: 100%;
    height: 160px;
    transition: all 0.3s ease;
}

.list-ordinary .list-ordinary-wrap .item:hover .item-left .thumbnail img {
    transform: scale(1.15) rotate(3deg);
}

.list-ordinary .list-ordinary-wrap .item .item-right {
    width: 70%;
    padding-left: 15px;
}

.list-ordinary .list-ordinary-wrap .item .item-right .title {
    margin-top: 0px;
}

.list-ordinary .list-ordinary-wrap .item .item-right .title h3 {
    margin-bottom: 10px;
    display: flex;
}

.list-ordinary .list-ordinary-wrap .item .item-right .title .treetop {
    font-size: 12px;
    display: inline-block;
    line-height: 1.5;
    width: 35px;
    text-align: center;
    white-space: nowrap;
    margin-right: 5px;
    color: #ffffff;
    background-color: #000;
}

.list-ordinary .list-ordinary-wrap .item .item-right .title .bg-01 {
    background-color: #0D6EFD;
}

.list-ordinary .list-ordinary-wrap .item .item-right .title .bg-02 {
    background-color: #DC3545;
}

.list-ordinary .list-ordinary-wrap .item .item-right .title .bg-03 {
    background-color: #FD7E14;
}

.list-ordinary .list-ordinary-wrap .item .item-right .title .bg-04 {
    background-color: #349226;
}

.list-ordinary .list-ordinary-wrap .item .item-right .title .bg-05 {
    background-color: #6610F2;
}

.list-ordinary .list-ordinary-wrap .item .item-right .title h3 a {
    display: inline-block;
    font-size: 17px;
    font-weight: bold;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.3s ease;
}


.list-ordinary .list-ordinary-wrap .item .item-right .data {
    margin-bottom: 10px;
}

.list-ordinary .list-ordinary-wrap .item .item-right .data span {
    margin-right: 3px;
}

.list-ordinary .list-ordinary-wrap .item .item-right .desc {
    color: #6c757d;
    border-bottom: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
    margin: 8px 0;
    padding: 8px 0;
}

.list-ordinary .list-ordinary-wrap .item .item-right .desc p {
    margin-bottom: 0;
    height: 42px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.list-ordinary .list-ordinary-wrap .item .item-right .tag {
    margin: 0;
}

.list-ordinary .list-ordinary-wrap .item .item-right .tag a {
    margin-right: 8px;
    position: relative;
    transition: all 0.3s ease;
    padding-left: 16px;
    opacity: 0.5;
}

.list-ordinary .list-ordinary-wrap .item .item-right .tag a:hover {
    opacity: 1;
}

.list-ordinary .list-ordinary-wrap .item .item-right .tag a::before {
    content: "\e822";
    position: absolute;
    font-family: "iconfont" !important;
    top: 0;
    left: 0;
    font-weight: bold;
}

.list-ordinary .list-ordinary-wrap .item .links {
    position: absolute;
    bottom: 0px;
    right: 0px;
    font-weight: bold;
    font-size: 12px;
    transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden;
}

.list-ordinary .list-ordinary-wrap .item:hover .links {
    bottom: 15px;
    right: 15px;
    opacity: 1;
    visibility: inherit;
}

.list-ordinary .list-ordinary-wrap .item:hover .links a {
    color: #2D69FF;
    font-size: 14px;
}

.list-ordinary .list-ordinary-wrap .item:hover .links i {
    font-size: 12px;
}

.list-ordinary .list-ordinary-wrap .item .number {
    position: absolute;
    top: 0;
    right: 15px;
}

.list-ordinary .list-ordinary-wrap .item .number span::before {
    content: "";
    font-size: 42px;
    font-weight: bold;
    opacity: 0.1;
}

/*****************************************************
* 列表页头部
*****************************************************/

.list-head {
    background: url(../image/banner-bg.jpg) no-repeat center;
    background-size: cover;
    padding: 50px 0 50px 30px;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.list-head-body {
    letter-spacing: 2px;
    text-shadow: 0 2px 10px #001c64;
}

.list-head-body h2 {
    color: #ffffff;
}

.list-head-body h2 i {
    font-size: 40px;
    font-weight: normal;
}

.list-head-body p {
    color: #ffffff;
    margin-bottom: 0;
}

/*****************************************************
* 列表分页模块
*****************************************************/

.page-list {
    padding: 30px 0;
    display: flex;
    justify-content: center;
    box-shadow: rgba(45, 105, 255, 0.13) 0px 0px 23px;
}

.page-list ul {
    display: block;
    overflow: hidden;
}

.page-list a, .page-list span, .page-list em {
    float: left;
}

.page-list ul a, .page-list ul span, .page-list em {
    display: block;
    width: 35px;
    height: 35px;
    font-size: 12px;
    line-height: 35px;
    margin-right: 5px;
    text-align: center;
    color: #343a40;
    border: 1px solid #f2f4f9;
    border-radius: 5px;
    background-color: #F6F8FB;
    transition: all 0.3s ease;
}

.page-list ul a:hover,
.page-list ul span {
    background-color: #2254F4;
    color: #ffffff;
}

.page-list ul .home,
.page-list ul .end {
    width: 50px;
}

.page-list ul .prev,
.page-list ul .next {
    width: 60px;
}

/*****************************************************
* 列表空白内容
*****************************************************/

.list-empty {
    background: url(../image/empty.svg) no-repeat;
    background-size: 100%;
    width: 100%;
    height: 800px;
    position: relative;
}

.list-empty-body {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
}

.list-empty-body h2 {
    font-size: 20px;
    font-weight: bold;
}

.list-empty-body p {
    margin: 0;
    color: rgb(0, 0, 0, 0.5);
}

/*****************************************************
* 列表加载更多按钮
*****************************************************/

.more-list {
    background-color: #ffffff;
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: rgba(45, 105, 255, 0.13) 0px 0px 23px;
}

.more-list a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 15px 0;
    font-size: 14px;
}

/*****************************************************
* 404页面
*****************************************************/

.error {
    margin: 0;
}

.error .error-wrap {
    margin: 0;
}

.error-wrap .error-body {
    margin: 0;
    position: relative;
}

.error-wrap .error-body img {
    margin: 0;
    width: 100%;
}

.error-wrap .error-body .cont {
    margin: 0;
    position: absolute;
    top: 150px;
    left: 50%;
    text-align: center;
    transform: translate(-50%, 0);
    width: 100%;
}

.error-wrap .error-body h2 {
    margin-bottom: 25px;
    font-size: 48px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.6);
}

.error-wrap .error-body p {
    margin: 0;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.6);
}

/*****************************************************
* 文章内容页模块
*****************************************************/

.article-wrap {
    margin-top: 30px;
}

.article {
    margin-bottom: 30px;
    box-shadow: rgba(45, 105, 255, 0.13) 0px 0px 23px;
    background-color: #fff;
    border-radius: 5px;
    position: relative;
}

.article-position {
    padding: 5px 15px;
    border-bottom: 1px solid #f2f2f2;
    display: inline-flex;
    width: 100%;
}


.article-position ul {
    display: inline-flex;
    color: rgba(0, 0, 0, 0.5) !important;
    font-size: 12px;
}

.article-position span {
    margin-right: 5px;
}

.article-position ul li {
    margin-right: 18px;
    position: relative;
}

.article-position ul li::before {
    content: ">";
    position: absolute;
    top: 0;
    right: 0;
    right: -12px;
}

.article-position ul li:last-child:before {
    display: none;
}

.article-position ul li a {
    margin-bottom: 0;
    color: rgba(0, 0, 0, 0.5);
}

.article-title {
    padding: 20px 0;
    border-bottom: 1px solid #f2f2f2;
    text-align: center;
}

.article-title h2 {
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 10px;
    color: #353535;
    font-weight: bold;
}

.article-title .data span {
    margin-right: 10px;
    color: rgba(0, 0, 0, 0.65);
}

.article-desc {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.5);
    background-color: #ECF5FF;
    border-radius: 5px;
    margin: 15px;
    margin-bottom: 0;
    text-indent: 2em;
    padding: 15px;
}

.article-body {
    padding: 0 15px;
}

.article-body h1,
.article-body h2,
.article-body h3,
.article-body h4,
.article-body h5,
.article-body h6 {
    padding: 5px 0 5px 0;
    margin: 15px 0;
    font-size: 17px;
    position: relative;
    font-weight: bold;
}

.article-body p {
    font-size: 14px;
    color: #6c757d;
    margin: 15px 0;
    line-height: 1.8;
}

.article-body img {
    display: block;
    max-width: 100%;
    margin: 15px auto;
    border-radius: 10px;
    transition: all 0.3s ease;
}

.article-body img:hover {
    box-shadow: 0 0 20px 0 rgb(44 101 144 / 30%);
    transform: translate(0, -3px);
    cursor: pointer;
}

.article-body ul {
    margin: 15px 0;
    padding-left: 30px;
}

.article-body ul li {
    list-style-type: disc;
    color: #6c757d;
}

.article-body a {
    border-bottom: 1px dashed;
}

.article-tool {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0 20px 0;
}

.article-tool a {
    display: block;
    width: 80px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #ffffff;
    margin-right: 10px;
    border-radius: 5px;
    background-color: #f66;
    opacity: 0.75;
    transition: all 0.3s ease;
}

.article-tool a:hover {
    opacity: 1;
}

.article-tool a:nth-child(1) {
    width: 120px;
    background-color: #F64444;
}

.article-tool a:nth-child(2) {
    background-color: #2254F4;
}

.article-tool a:nth-child(3) {
    background-color: #C444F6;
}

.article-tool a:nth-child(4) {
    background-color: #28B2AB;
}

.article-tool a:last-child {
    margin-right: 0;
}

.article-copyright {
    text-align: center;
    background-color: #F2F4FC;
    margin: 25px 15px 15px 15px;
    padding: 10px;
    border-radius: 5px;
    color: rgba(0, 0, 0, 0.5);
}

.article-copyright p {
    margin: 0;
}

.article-copyright em {
    font-weight: bold;
    color: #2254F4;
    margin: 0 5px;
}

.article-tag {
    border-top: 1px solid #f2f2f2;
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.article-tag ul {
    display: flex;
}

.article-tag ul li {
    margin-right: 10px;
    position: relative;
    padding-left: 10px;
}

.article-tag ul li::before {
    content: "#";
    position: absolute;
    top: 0;
    left: 0;
    color: rgba(0, 0, 0, 0.5);
}

/*****************************************************
* 分类推荐或相关内容模块
*****************************************************/


.text-list {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: rgba(45, 105, 255, 0.13) 0px 0px 23px;
    margin-bottom: 30px;
    padding: 20px 20px 10px 20px;
}

.text-list-box {
    margin: 0;
}

.text-list-box h3 {
    font-size: 16px;
    padding-bottom: 15px;
    font-weight: bold;
    border-bottom: 1px solid rgba(133, 153, 171, 0.2);
}

.text-list-box ul li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    position: relative;
    line-height: 2.5;
}

.text-list-box ul li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    border: 1px solid;
    width: 15px;
    height: 15px;
    transform: translate(-0%, -50%);
    color: rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
}

.text-list-box ul li i {
    margin-right: 10px;
    color: rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
}

.text-list-box ul li:hover i,
.text-list-box ul li:hover::before {
    color: #2254F4;
}

/*****************************************************
* 评论框模块
*****************************************************/

.comments {
    margin-bottom: 20px;
    box-shadow: 0 0 20px 0 rgb(44 101 144 / 10%);
    background-color: #fff;
    border-radius: 5px;
}

.comment-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 15px;
    border-bottom: 1px solid #f2f2f2;
}

.comment-title h4 {
    font-size: 16px;
    font-family: "jinbuti";
    margin-bottom: 0;
    font-weight: bold;
}

.comment-title span {
    font-size: 12px;
    color: #2254F4;
    float: right;
}

.comments-form {
    padding: 15px;
    padding-bottom: 0;
}

.comments-form .input-group {
    margin-bottom: 15px;
    border: 1px solid #f2f2f2;
    border-radius: 5px;
    display: flex;
}

.comments-form .input-group span {
    border: none;
    background-color: #f9f9f9;
    border-radius: 0;
    font-size: 12px;
    border-right: 1px solid #f3f3f3;
    z-index: 9;
}

.comments-form .input-group input {
    border: none;
    font-size: 14px;
    background-color: #f9f9f9;
}

.comments-form .input-group input::placeholder,
.comments-form .input-group textarea::placeholder {
    font-size: 12px;
    color: rgb(000 000 000 / 35%);
}

.comments-form .input-group textarea {
    box-shadow: none;
    border: none;
    width: 100%;
    font-size: 14px;
    background-color: #f9f9f9;
}

.comments-form .comments-btn {
    width: 100%;
    background-color: #2254F4;
    color: #ffffff;
    border-radius: 5px;
    padding: .375em 0;
    height: 35px;
    transition: all 0.3s ease;
    border: none;
    margin-bottom: 20px;
}

.comments-form .comments-btn:hover {
    background-color: #F64444;
}

.comments-list {
    padding: 20px 15px;
    border-top: 1px solid #f2f2f2;
}

.comments-list .item {
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
}

.comments-list .item:last-child {
    margin-bottom: 0;
}

.comments-list .item .tx {
    margin-right: 10px;
    float: left;
    margin-left: 5px;
}

.comments-list .item img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
}

.comments-list .item .data {
    float: left;
}

.comments-list .item .data h4 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0px;
}

.comments-list .item .data span {
    margin-bottom: 0;
    color: rgba(0, 0, 0, 0.5);
    font-size: 12px;
}

.comments-list .item .cont {
    width: 100%;
    float: left;
    background-color: #fbfbfb;
    border: 1px solid #eeeeee;
    padding: 10px 15px;
    margin-top: 10px;
    border-radius: 5px;
    position: relative;
}

.comments-list .item .cont p {
    margin-bottom: 0;
    color: #507393;
}

/* .comments-list .item .cont::before {
    content: "";
    display: block;
    left: 15px;
    top: -8px;
    width: 0px;
    height: 0px;
    border-bottom: 8px solid #eeeeee;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
} */

.comments-list .item .cont .reply-list {
    border-top: 1px solid #eeeeee;
    margin-top: 10px;
    padding-top: 10px;
}

.comments-list .item .cont .reply-list .reply-item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.comments-list .item .cont .reply-list .reply-item:last-child {
    margin-bottom: 0;
}

.comments-list .item .cont .reply-list .reply-item .reply-tx {
    display: block;
    width: 20px;
    height: 20px;
}

.comments-list .item .cont .reply-list .reply-item .reply-tx img {
    width: 20px;
    height: 20px;
}

.comments-list .item .cont .reply-list .reply-item .reply-name {
    margin-left: 8px;
    position: relative;
    color: rgb(0 0 0 / 60%);
}

.comments-list .item .cont .reply-list .reply-item .reply-name::before {
    content: ":";
    position: absolute;
    top: 0;
    right: -10px;
}

.comments-list .item .cont .reply-list .reply-item .reply-cont {
    color: rgb(0 0 0 / 50%);
    margin-left: 20px;
}

.comments-list .item .tool {
    position: absolute;
    top: 10px;
    right: 0px;
}

.comments-list .item .tool a {
    display: inline-block;
    margin-right: 15px;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    border-radius: 5px;
    opacity: 0.5;
}

.comments-list .item .tool a i {
    margin-right: 2px;
}

.comments-list .item .tool a:hover {
    opacity: 1;
}

.comments-list .item .tool a:nth-child(1) {
    color: #f66;
}

.comments-list .item .tool a:nth-child(2) {
    color: #28B2AB;
    margin-right: 0;
}

/*****************************************************
* 单页面模块
*****************************************************/

.page-title {
    margin-top: -30px;
    padding: 80px 0 130px 0;
    text-align: center;
    background-image: url(img/card.png), linear-gradient(90deg, #3462FE, #F37003);
}

.page-title h2 {
    font-size: 42px;
    letter-spacing: 10px;
    color: #ffffff;
    font-weight: bold;
    text-shadow: 2px 5px 10px rgba(0, 0, 0, 0.85);
}

.page-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: inherit;
    border-bottom: 1px solid #f2f2f2;
    font-size: 16px;
    font-weight: bold;
}

.page-menu a {
    margin-right: 20px;
    letter-spacing: 2px;
    position: relative;
    padding: 15px 25px;
}

.page-menu .active {
    position: relative;
    color: #2254F4;
    border-bottom: 2px solid #2254F4;
}

.page-menu .active::before {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -0%);
    border-bottom: 5px solid rgb(34, 84, 244);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
}

.page-article {
    margin-top: -50px;
    margin-bottom: 30px;
    box-shadow: 0 0 20px 0 rgb(44 101 144 / 10%);
    background-color: #fff;
    border-radius: 5px;
}

.page-article-body {
    padding: 10px 25px 20px 25px;
}

.page-article-body h1,
.page-article-body h2,
.page-article-body h3,
.page-article-body h4,
.page-article-body h5,
.page-article-body h6 {
    letter-spacing: -2px;
    padding: 5px 0 5px 0;
    margin: 15px 0;
    font-size: 17px;
    font-weight: bold;
}

.page-article-body p {
    font-size: 14px;
    color: #6c757d;
    /* text-indent: 2em; */
    margin: 15px 0;
}

.page-article-body img {
    display: block;
    max-width: 100%;
    margin: 15px auto;
    border-radius: 10px;
    transition: all 0.3s ease;
}

.page-article-body img:hover {
    box-shadow: 0 0 20px 0 rgb(44 101 144 / 30%);
    transform: translate(0, -3px);
    cursor: pointer;
}

.page-article-body ul {
    margin: 15px 0;
    padding-left: 30px;
}

.page-article-body ul li {
    list-style-type: disc;
    color: #6c757d;
}

.page-article-body a {
    font-weight: bold;
    border-bottom: 1px dashed;
}

/*****************************************************
* 侧边栏通用盒子模型
*****************************************************/

.sidebar {
    margin: 0;
}

.sidebar .sidebar-box {
    background-color: #fff;
    box-shadow: rgba(45, 105, 255, 0.13) 0px 0px 23px;
    margin-bottom: 20px;
}

.sidebar-box-title {
    position: relative;
    border-bottom: 1px solid rgb(0 0 0 / 5%);
    padding: 15px 20px;
}

.sidebar-box-title::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 65px;
    transform: translate(-0%, -50%);
    border-radius: 50%;
    background: #fc625d !important;
    width: 12px;
    height: 12px;
    box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b;
}

.sidebar-box-title h2 {
    position: relative;
    font-size: 16px;
    margin-bottom: 0;
    font-weight: bold;
}

.sidebar-box-title h2 i {
    font-weight: normal;
    font-size: 18px;
    margin-right: 5px;
    color: #2D69FF;
}

/*****************************************************
* 侧边栏个人名片模块
*****************************************************/

.about-card {
    overflow: hidden;
    border-radius: 5px;
}

.about-card-bg {
    height: 100px;
    /* background: linear-gradient(to right, #29323c, #485563); */
    background-image: url(../image/card_1.png), linear-gradient(90deg, #3F75FF, #EA4C89);
}

.about-card-tx {
    text-align: center;
    position: relative;
}

.about-card-tx img {
    width: 80px;
    padding: 5px;
    margin-top: -40px;
    border-radius: 15px;
    background-color: #fff;
}

.about-card-tx i {
    position: absolute;
    background-color: #ffffff;
    bottom: -10px;
    border-radius: 20%;
    left: 50%;
    width: 30px;
    height: 25px;
    color: #ffc800;
    font-size: 20px;
    text-align: center;
    transform: translate(-50%, 0);
}

.about-card-name {
    margin: 30px 20px;
    text-align: center;
}

.about-card-name h2 {
    font-size: 22px;
    font-weight: bold;
}

.about-card-name p {
    font-size: 15px;
    opacity: 0.8;
}

.about-card-carrier {
    margin-bottom: 20px;
    margin-right: 20px;
    margin-left: 20px;
}

.about-card-carrier ul {
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: space-around;
}

.about-card-carrier ul li {
    margin: 0;
}

.about-card-carrier ul li a {
    display: inline-block;
    position: relative;
    width: 50px;
    height: 50px;
    background-size: 50px;
    opacity: 0.7;
}

.about-card-carrier ul li a:hover {
    opacity: 1;
}

.about-card-carrier .about-icon-qq {
    background-image: url(../image/icon-qq.png);
    background-position: center;
    background-repeat: no-repeat;
}

.about-card-carrier .about-icon-bili {
    background-image: url(../image/icon-bili.png);
    background-position: center;
    background-repeat: no-repeat;
}

.about-card-carrier .about-icon-douyin {
    background-image: url(../image/icon-douyin.png);
    background-position: center;
    background-repeat: no-repeat;
}

.about-card-carrier .about-icon-weixin {
    background-image: url(../image/icon-weixin.png);
    background-position: center;
    background-repeat: no-repeat;
}

.about-card-carrier .about-icon-kuaishou {
    background-image: url(../image/icon-kuaishou.png);
    background-position: center;
    background-repeat: no-repeat;
}

.about-card .card-footer {
    background-color: #fff;
    border-top: 1px solid rgb(0 0 0 / 5%);
    padding: 20px 0;
}

.about-card .card-footer table {
    font-size: 14px;
}

.about-card .card-footer td {
    border-right: 1px solid rgb(0 0 0 / 5%);
}

.about-card .card-footer td:last-child {
    border-right: none;
}

.about-card .card-footer td span {
    margin-bottom: 12px !important;
    display: block;
    color: rgba(25, 28, 61, 0.65);
}

/*****************************************************
* 侧边栏搜索模块
*****************************************************/

.sidebar-search {
    padding: 20px;
    border-bottom: 1px solid #f2f2f2;
}

.sidebar-search form {
    position: relative;
    margin: 0 auto;
}

.sidebar-search input {
    width: 100%;
    height: 42px;
    background: #ecf5ff;
    padding-left: 15px;
    border: none;
    outline: none;
    border-radius: 3px;
    font-size: 12px;
}

.sidebar-search button {
    height: 26px;
    width: 26px;
    position: absolute;
    top: 8px;
    right: 8px;
    background: #427ff1;
    cursor: pointer;
    border-radius: 5px;
    line-height: 26px;
    border: none;
}

.sidebar-search button::before {
    content: "\eb03";
    font-family: "iconfont";
    color: #ffffff;
    font-size: 20px;
}

.sidebar-srarch-tag {
    padding: 20px;
    /*display: none !important;*/
}

.sidebar-srarch-tag ul {
    display: block;
    overflow: hidden;
}

.sidebar-srarch-tag ul li {
    float: left;
    /* width: 25%; */
    position: relative;
    padding-left: 15px;
    line-height: 2.5;
    margin-right: 10px;
}

.sidebar-srarch-tag ul li a {
    color: rgba(0, 0, 0, 0.5);
}

.sidebar-srarch-tag ul li::before {
    content: "#";
    position: absolute;
    top: 0;
    left: 0;
    color: rgba(0, 0, 0, 0.5);
}

.sidebar-srarch-tag ul li:hover::before,
.sidebar-srarch-tag ul li:hover a {
    color: #2254F4;
}

/*****************************************************
* 侧边栏广告模块
*****************************************************/


.sidebar-gegz {
    margin: 10px;
}

.sidebar-gegz a {
    display: inline-block;
    overflow: hidden;
    margin-bottom: 10px;
    border-radius: 5px;
    width: 100%;
}

.sidebar-gegz img {
    width: 100%;
    transition: all 0.3s ease;
}

.sidebar-gegz a:hover img {
    transform: scale(1.2)
}

/*************************************
*  侧边栏文章排行榜模块
************************************/
.sidebar-toplist {
    margin: 0;
}

.sidebar-toplist ul {
    counter-reset: counter;
}

.sidebar-toplist ul li {
    position: relative;
    padding: 12px 15px;
    border-bottom: 1px dotted #f2f2f2;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    width: 100%;
    margin-bottom: 0;
    padding-left: 45px;
}

.sidebar-toplist ul li a {
    font-size: 14px;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%;
}

.sidebar-toplist ul li span {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.6);
    line-height: 1.5;
}

.sidebar-toplist ul li::before {
    position: absolute;
    content: "";
    color: rgba(0, 0, 0, 0.5);
    top: 50%;
    left: 0;
    margin-left: 15px;
    transform: translate(-0%, -50%);
    font-size: 18px;
    counter-increment: counter;
    content: counter(counter) "";
}

.sidebar-toplist ul li:nth-child(1)::before {
    content: "①";
    color: #F64444;
}

.sidebar-toplist ul li:nth-child(2)::before {
    content: "②";
    color: #E37933;
}

.sidebar-toplist ul li:nth-child(3)::before {
    content: "③";
    color: #007BFF;
}

.sidebar-toplist ul li:nth-child(4)::before {
    content: "④";
    color: #C444F6;
}

.sidebar-toplist ul li:nth-child(5)::before {
    content: "⑤";
    color: #28A745;
}

.sidebar-toplist ul li:nth-child(6)::before {
    content: "⑥";
}

.sidebar-toplist ul li:nth-child(7)::before {
    content: "⑦";
}

.sidebar-toplist ul li:nth-child(8)::before {
    content: "⑧";
}

.sidebar-toplist ul li:nth-child(9)::before {
    content: "⑨";
}

.sidebar-toplist ul li:nth-child(10)::before {
    content: "⑩";
}

.sidebar-toplist ul li span {
    color: rgba(0, 0, 0, 0.5);
}

/*****************************************************
* 侧边栏最新评论模块
*****************************************************/

.sidebar-comment-list {
    padding: 20px 15px;
}

.sidebar-comment-list .item {
    margin-bottom: 20px;
    overflow: hidden;
}

.sidebar-comment-list .item:last-child {
    margin-bottom: 0;
}

.sidebar-comment-list .item .head {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    overflow: hidden;
}

.sidebar-comment-list .item .tx {
    margin-right: 10px;
    margin-left: 5px;
    width: 40px;
}

.sidebar-comment-list .item img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
}

.sidebar-comment-list .item .data {
    display: grid;
}

.sidebar-comment-list .item .data h4 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 3px;
}

.sidebar-comment-list .item .data h4 em {
    font-size: 12px;
    margin-left: 5px;
    color: #6c757d;
    font-weight: normal;
}

.sidebar-comment-list .item .data h4 em i {
    margin: 0 5px;
    font-size: 10px;
}

.sidebar-comment-list .item .data span {
    margin-bottom: 0;
    color: rgba(0, 0, 0, 0.5);
    font-size: 12px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.sidebar-comment-list .item .data i {
    font-size: 14px;
}

.sidebar-comment-list .item .cont {
    width: 100%;
    float: left;
    background-color: #ECF5FF;
    padding: 8px 10px 5px 10px;
    margin-top: 10px;
    border-radius: 5px;
    position: relative;
}

.sidebar-comment-list .item .cont p {
    margin-bottom: 0;
    color: #507393;
    font-size: 12px;
    line-height: 1.6;
}

.sidebar-comment-list .item .cont::before {
    content: "";
    display: block;
    left: 15px;
    top: -8px;
    width: 0px;
    height: 0px;
    border-bottom: 8px solid #ECF5FF;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
}


/*****************************************************
* 侧边栏日历模块
*****************************************************/

.sidebar-calendar {
    padding: 15px;
}


.sidebar-calendar table {
    width: 100%;
    margin: auto;
    text-align: center;
    /* border: 2px solid #ECF5FF; */
}

.sidebar-calendar table tr:nth-child(1) td {
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0;
}

.sidebar-calendar table tr:nth-child(2) th {
    color: #364E65;
    font-weight: normal;
}

.sidebar-calendar th,
.sidebar-calendar td {
    border: 2px solid #ECF5FF;
    border-radius: 100%;
    height: 35px;
    color: #6c757d;
}

.sidebar-calendar .today {
    color: red;
    font-weight: bold;
}

/*********************************************************
*  友情链接模块
*********************************************************/

.sidebar-links {
    margin: 0;
}

.sidebar-links ul {
    display: block;
    overflow: hidden;
    text-align: center;
}

.sidebar-links ul li {
    width: 50%;
    float: left;
    padding: 10px 15px;
    border-right: 1px dotted #f2f2f2;
    border-bottom: 1px dotted #f2f2f2;
}

.sidebar-links ul li:nth-child(2),
.sidebar-links ul li:nth-child(4),
.sidebar-links ul li:nth-child(6),
.sidebar-links ul li:nth-child(8),
.sidebar-links ul li:nth-child(10) {
    border-right: none;
}

/*********************************************************
*  网站通用底部模块
*********************************************************/


.bottom {
    padding-top: 10px;
}

.bottom-body {
    background-color: #fff;
    box-shadow: rgba(45, 105, 255, 0.13) 0px 0px 23px;
    border-radius: 5px;
    margin-bottom: 30px;
    padding: 30px 0;
    text-align: center;
}

.bottom-body .menu {
    margin-bottom: 10px;
}

.bottom-body .menu span {
    margin-right: 15px;
    position: relative;
}

.bottom-body .menu span:last-child {
    margin-right: 0;
}

.bottom-body .menu span::before {
    position: absolute;
    content: "";
    height: 1px;
    width: 6px;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 100%;
    top: 50%;
    right: -12px;
    transform: translate(-0%, -50%);
}

.bottom-body .menu span:last-child::before {
    display: none;
}

.bottom-body .copyright span {
    position: relative;
    color: rgba(0, 0, 0, 0.5);
    margin-right: 15px;
    margin-bottom: 0;
}

.bottom-body .copyright span:last-child {
    margin-right: 0px;
}

.bottom-body .copyright span::before {
    position: absolute;
    content: "";
    height: 3px;
    width: 3px;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 100%;
    top: 50%;
    right: -10px;
    transform: translate(-0%, -50%);
}

.bottom-body .copyright span:last-child::before {
    width: 0;
    height: 0;
}

.bottom-body .copyright span a {
    font-family: "jinbuti";
    color: rgba(0, 0, 0, 0.6);
}

.bottom-body .copyright span a:hover {
    color: #2254F4;
}

/*****************************************************
* 搜索弹窗模块
*****************************************************/

.eject-srarch .offcanvas-header {
    padding: 20px 0;
    border-bottom: 1px solid #e9e9e9;
}

.eject-srarch .offcanvas-header h3 {
    font-size: 26px;
    letter-spacing: 3px;
    font-weight: bold;
}

.eject-srarch .offcanvas-srarch {
    padding: 30px 0;
}

.eject-srarch .offcanvas-srarch .form {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 30px;
}

.eject-srarch .offcanvas-srarch .form form {
    width: 100%;
    height: 50px;
    overflow: hidden;
}

.eject-srarch .offcanvas-srarch .form input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background-color: #f2f4f9;
    border: 1px solid #2D69FF;
    transition: all 0.3s ease;
    border-radius: 5px;
    padding-left: 15px;
    font-size: 16px;
}

.eject-srarch .offcanvas-srarch .form input:focus-visible {
    outline: none;
    border: 1px solid #2D69FF;
    background-color: #fff;
}

.eject-srarch .offcanvas-srarch .form button {
    background-color: #2D69FF;
    color: #ffffff;
    outline: none;
    border: 0;
    transition: all 0.3s ease;
    border-radius: 0 5px 5px 0;
    position: absolute;
    width: 125px;
    height: 50px;
    font-size: 18px;
    top: 0;
    right: 0;
}

.eject-srarch .offcanvas-srarch .form button i {
    font-size: 20px;
}

.eject-srarch .offcanvas-srarch .form button:hover {
    opacity: 0.85;
}

.eject-srarch .offcanvas-srarch .search-tag ul {
    display: block;
    overflow: hidden;
}

.eject-srarch .offcanvas-srarch .search-tag ul li {
    float: left;
}

.eject-srarch .offcanvas-srarch .search-tag ul li a {
    display: inline-block;
    text-align: center;
    background-color: #f2f4f9;
    margin-right: 15px;
    color: #6c757d;
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 14px;
    margin-bottom: 20px;
}

.eject-srarch .offcanvas-srarch .search-tag ul li a:hover {
    background-color: #2D69FF;
    color: #ffffff;
}


/****************************************************
*  响应式代码
*****************************************************/

@media screen and (max-width: 1200px) {
    .recommend-body {
        padding: 20px;
    }

    .recommend-item .item-icon {
        width: 45px;
        height: 45px;
        line-height: 45px;
    }

    .recommend-item .item-icon i {
        font-size: 26px;
    }

    .recommend-item .item-main .title {
        font-size: 18px;
        margin-bottom: 3px;
    }

    .recommend-item .item-main .desc {
        font-size: 14px;
    }

    .page-list ul a[title],
    .page-list ul em {
        display: none !important;
    }
}

@media screen and (max-width: 992px) {
    .list-ordinary .list-ordinary-wrap .item .item-left {
        width: 230px;
    }

    .recommend-item .item-main .title .badge,
    .recommend-item .item-main .desc {
        display: none;
    }
}

@media screen and (max-width: 750px) {
    .sm-none {
        display: none !important;
    }

    .sm-block {
        display: block !important;
    }

    .banner {
        padding: 20px 0;
        margin-bottom: 20px;
    }

    .banner .carousel-inner .carousel-item {
        height: 260px;
    }

    .banner .control li a {
        width: 50px;
        height: 50px;
    }

    .recommend {
        display: none;
    }

    .list-ordinary .list-ordinary-wrap .item {
        margin-bottom: 10px;
        padding: 10px;
    }

    .list-ordinary .list-ordinary-wrap .item .item-left {
        width: 25%;
    }

    .list-ordinary .list-ordinary-wrap .item .item-right {
        width: 75%;
        padding-left: 10px;
    }

    .list-ordinary .list-ordinary-wrap .item .item-left .thumbnail img {
        height: auto;
    }

    .list-ordinary .list-ordinary-wrap .item .item-right .title h3 {
        margin-bottom: 5px;
    }

    .list-ordinary .list-ordinary-wrap .item .item-right .title h3 a {
        font-size: 14px;
    }

    .list-ordinary .list-ordinary-wrap .item .item-right .data {
        font-size: 12px;
        margin-bottom: 0;
        color: rgba(0, 0, 0, 0.6);
    }

    .list-ordinary .list-ordinary-wrap .item .item-right .data span:nth-child(3),
    .list-ordinary .list-ordinary-wrap .item .item-right .data span:nth-child(4) {
        display: none;
    }

    .list-ordinary .list-ordinary-wrap .item .item-right .desc,
    .list-ordinary .list-ordinary-wrap .item .item-right .tag {
        display: none;
    }

    .bottom-body .menu {
        font-size: 12px;
    }

    .bottom-body .copyright {
        display: block;
        overflow: hidden;
    }

    .bottom-body .copyright span {
        float: left;
        width: 100%;
        margin-right: 0;
        margin-bottom: 5px;
    }

    .bottom-body .copyright span:last-child {
        margin-bottom: 0;
    }

    .list-head {
        padding: 20px 0;
        margin-bottom: 20px;
    }

    .list-head-body h2 {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 0;
    }

    .list-head-body h2 i {
        font-size: 24px;
    }

    .list-head-body p {
        display: none;
    }

    .page-list ul li .home,
    .page-list ul li .end,
    .page-list ul li .prev,
    .page-list ul li .next {
        display: none;
    }

    .about-card-carrier ul li a {
        width: 35px;
        height: 35px;
        background-size: 35px;
    }

    .article-wrap {
        margin-top: 20px;
    }

    .article-title {
        padding: 15px;
    }

    .article-title h2 {
        font-size: 17px;
    }

    .article-title .data span:nth-child(3),
    .article-title .data span:nth-child(4) {
        display: none;
    }

    .article-tag ul {
        display: block;
        overflow: hidden;
    }

    .article-tag ul li {
        float: left;
    }

    .text-list .row .col-12:nth-child(2) {
        margin-top: 20px;
    }

    .comments-list .item .cont .reply-list .reply-item {
        display: flex;
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .comments-list .item .cont .reply-list .reply-item .reply-cont {
        padding-left: 2px;
    }

    .list-empty {
        height: 450px;
        margin-bottom: 50px;
    }

    .eject-srarch .offcanvas-srarch .search-tag {
        display: none;
    }

    .error-wrap .error-body .cont {
        top: 150px;
    }

    .error-wrap .error-body .cont h2 {
        font-size: 26px;
        margin-bottom: 10px;
    }

    .error-wrap .error-body .cont p {
        font-size: 14px;
    }
}


/**************************
*  杂项代码
***************************/

/*显示和隐藏*/
.d-none {
    display: none;
}

.d-block {
    display: block;
}

/*弹窗样式*/
.modal {
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(10px);
}

.modal-content {
    border: none;
    overflow: hidden;
    border-radius: 8px;
}

.modal-header {
    padding: 8px 15px;
}

.modal-header h5 {
    font-size: 17px;
    font-weight: bold;
}

.modal-header button {
    font-size: 20px;
    font-weight: bold;
}

.modal-body {
    padding: 15px 15px 5px 15px;
    background-color: #f2f4f9;
}

.modal-body img {
    display: block;
    max-width: 100%;
    margin: 0 auto 10px auto;
}

.modal-body p {
    margin-bottom: 10px;
}

.modal-body strong {
    color: #f66;
    font-weight: bold;
}

/*打赏弹窗*/
.modal-dashang {
    margin: 0;
}

.moadl-dashang-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: inherit;
    margin-bottom: 20px;
}

.moadl-dashang-menu .active {
    position: relative;
    color: #2254F4;
    border-bottom: 2px solid #2254F4;
}

.moadl-dashang-menu .active::before {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -0%);
    border-bottom: 3px solid #2254F4;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    position: absolute;
}

.moadl-dashang-menu a {
    margin-right: 20px;
    letter-spacing: 2px;
    font-weight: bold;
}

.moadl-dashang-menu a:nth-child(1) {
    color: #2d8d3d;
}

.moadl-dashang-menu a:nth-child(2) {
    color: #1296DB;
}

.moadl-dashang-menu a:last-child {
    margin-right: 0;
}

.moadl-dashang-menu a:nth-child(1) i {
    color: #2d8d3d;
}

.moadl-dashang-menu a:nth-child(2) i {
    color: #1296DB;
}

/*tooltip样式*/
.tooltip .tooltip-inner {
    padding: 12px 10px;
    backdrop-filter: blur(10px);
}

.tooltip .tooltip-inner img {
    border-radius: 5px;
    width: 100%;
}

/*返回顶部按钮*/
.tool-top {
    display: none !important;
}

#scrollUp {
    position: fixed;
    bottom: 30px;
    background: #ffffff;
    color: #2D69FF;
    font-size: 30px;
    height: 45px;
    line-height: 35px;
    width: 45px;
    right: 30px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #E5EBFF;
}

#scrollUp i {
    display: inline-block;
    font-size: 18px;
    margin-right: 0;
    font-weight: bold;
}
